$(function () {
  // 点击“去注册账号”的链接
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })

  // 点击“去登录”的链接
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })

  //通过layui.form
  layui.form.verify({
    //验证密码的长度
    pass: [/^[\S]{6,12}$/, '密码必须6到12为,且不能有空格'],
    //验证密码和确认密码是否一致
    //val确认密码框的value
    repwd: function (val) {
      var pwdvalue = $('#pwds').val().trim();
      if (val !== pwdvalue) return '两次密码输入不一致'
    }
  })
  /*
  1.需要给注册的表单添加submit事件
  2.阻止表单 默认行为
  3.获取到输入框里面的内容
  4.参考接口文档 关注接口地址与请求方式
  5.发送ajax请求
  6.接收服务器响应回来的数据，看看是否注册成功，注册失败需要提示用户
  7.注册成功 模拟去登录a标签的点击事件
   */
  $('#reg-form').on('submit', function (e) {
    //阻止表单的默认行为
    e.preventDefault()
    //获取到输入框里面的内容
    var data = $(this).serialize()
    console.log(this);
    //发送ajax请求
    $.post('/api/reguser', data, function (res) {
      
      var { status, message } = res
      console.log(res);
      if (status !== 0) return layui.layer.msg(message)
      layui.layer.msg('注册成功')
      //注册成功 模拟去登录a标签的点击事件
      $('#link_login').click()
    })
  })

  /*
  登录表单
  1.需要给登录的表单添加submit事件
  2.阻止表单 默认行为
  3.获取到输入框里面的内容
  4.参考接口文档 关注接口地址与请求方式
  5.发送ajax请求
  6.接收服务器响应回来的数据，看看是否登录成功，登录失败需要提示用户
  7.登录成功后,需要将服务器响应回来的数据保存到本地存储里面
  8.跳转到后台首页
   */
  //需要给登录的表单添加submit事件
  $('#login-form').on('submit', function (e) {
    //阻止表单 默认行为
    e.preventDefault()
    //获取到输入框里面的内容
    var data = $(this).serialize()
    //console.log(data);
    //发送ajax请求
    $.ajax({
      type: 'post',
      url: '/api/login',
      data,
      success: function (res) {
        console.log(res);
        //接收服务器响应回来的数据
        var { status, message, token } = res
        //看看是否登录成功，登录失败需要提示用户
        if (status !== 0) return layui.layer.msg(message)
        //登录成功后,需要将服务器响应回来的数据保存到本地存储里面
        sessionStorage.setItem('token', token)
        //跳转到后台首页
        location.href = '/index.html'


      }
    })

  })

})